<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="libs/bootstrap.css">
    <link rel="stylesheet" href="css/index-nav-top.css">
    <link rel="stylesheet" href="css/cart.css">
</head>
<body>
    <div class="wrap">
        <nav>
            <div class="nav-wrap">
                <!-- nav-top  -->
                <div class="nav-top clearFix">
                    <div class="nav-l fl">欢迎来到百能网！ 客服电话：400-8866-380
                        <span>PCB定制 · 就找百能网</span>
                    </div>
                    <div class="nav-r fr clearFix">
                      <div  class="index-reg fl">
                          <a href="login.html" class="">登录</a>|
                          <a href="registers.html">注册</a>
                      </div>
                      <div  class="yet-login fl">
                          <span>Hi，P039692</span>
                          <span class="logout">退出</span>
                      </div>
                      <p class="personal fr">个人中心</p>
                  </div>
                </div>
            </div>
            <div class="nav-top-detail-wrap">
                <div class="nav-top-detail clearFix">
                    <a href="index.html" class="fl cart-logo">
                        <img src="images/login-logo.png" alt="">
                    </a>
                    <span>购物车</span>
                    <a href="index.html" class="fr continue">继续购物</a>
                </div>
            </div>
        </nav>
        <div class="container" style="width: 1200px">
            <form class="cal clearFix">
              <div class="form-group">
                <label for="formGroupExampleInput">总数</label>
                <input type="text" class="form-control" id="allNum" readonly style="width:200px;">
              </div>
              <div class="form-groupc">
                <label for="formGroupExampleInput2">总价</label>
                <input type="text" class="form-control" id="allPrice" readonly style="width: 200px;">
              </div>
              <div class="form-check"  id="defaultCheck1">
                <input class="form-check-input" type="checkbox" value="">
                <label class="form-check-label">
                  全选
                </label>
              </div>
            </form>
              <table class="table table-bordered table-hover table-striped">
                <thead>
                    <tr>
                      <th>
                        <span class="btn btn-info" data-del="delete" id="topDel">批量删除</span>
                      </th>
                      <th>图片</th>
                      <th>名称</th>
                      <th>单价</th>
                      <th>数量</th>
                      <th>总价</th>
                      <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>

        <!-- 更新后的列表页 -->
    </div>
</body>
<script src="libs/jquery.js"></script>
<script src="libs/popper.js"></script>
<script src="libs/bootstrap.js"></script>
<script src="dist/js/top-search.js"></script>
<script src="dist/js/cart.js"></script>
</html>